{literal}
<style>
.selected {
	background-color: #ABE7FE;

}

.category_link {
	padding: 2px;
	width: 90%;
	-moz-border-radius: 8px;
	
}

.category_link a{
	text-decoration: none;
}

.selected a:visited{
	font-weight: bold;
}

</style>

<script>
	function goSearch(objName){
		var query = $('#'+objName).val();
		if (query == ''){
			query = 0;
		}
		window.location.replace('/search/page/1/'+query);
	}
</script>
{/literal}
<div class="block categories_box">
	<div class="categories_box_content">
	<p><input type="text" value="Search" id="sBox" class="search_box" onfocus="$('#sBox').val('');" />
		<img src="/public/styles/images/lupa.gif" border="0" class="pointer search_img" onclick="goSearch('sBox');"/></p>
   		<a href="/" style="color: #94BDCB">Recent</a><br />
   	
      	{foreach $categories as $c}
       		<div class="category_link {if $selectedCategory == $c->getId()}selected{/if}"><a href="/category/page/1/recent/{$c->getId()}/{$c->getCategory()}" >{$c->getCategory()}</a></div>
       	{/foreach}
   	</ul>
   	</div>
</div>
<div class="block" style="width: 180px">
<img src="/public/styles/images/protection_policy.gif" border="0" />
</div>